<script setup lang="ts">
import { ref, reactive } from "vue";
import { HxqModal } from "vue-mobile-hxq";

const confirm = function (e: any) {
  console.log(e);
};
const cancel = function (e: any) {
  console.log(e);
};
const visible = ref(false);


</script>
<template>
  <div class="public-flex-box">
    <div class="public-phone-title">基础用法</div>
    <div class="public-usage-box">
      <button @click="visible = true">点击展示</button>
      <hxq-modal :visible="visible" @confirm="confirm" @cancel="cancel">
        内容展示
      </hxq-modal>
    </div>
  </div>
</template>
<style>
.van-overlay {
  position: absolute;
}
.van-popup {
  position: absolute;
  width: 100%;
  right: 24px;
}
</style>
